@charset "UTF-8";
/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

body{
width: 960px;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
     background: #ffffff url(images/bg.jpg) repeat-x;
     font-size: 13px;
     font-family: "Noto Sans CJK JP Medium",sans-serif;
     color: #000000;
list-style: none;
}
 
a{ color: #000000;}


#wrapper{
    width: 960px;
    margin: 0 auto;
}


header .logo{
  position: relative; /* relativeを指定 */
  left: 30px; /* 上から10px移動 */
float: left;
}

nav{
     float: right;
     margin-top: 35px;
     margin-right: 30px;
     font-size: 100%;
}
     nav li{
          display: inline;
          margin-left: 17px;
     }
     nav a{
          color: #000000;
          text-decoration: none;
     }

     nav a:hover{color: #0083be;}

header{
     margin: 50px 0 15px;
     overflow: hidden;
}

a.nuru{
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.nuru:hover{
       color:#0083be;
transition: 0.5s;}

a.nuru::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #0083be;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .5s;
}

a.nuru:hover::after {
  transform: scale(1, 1);
}


div.main-box{
  position: relative;
}

.main-box img {

    max-width: none;
    height: auto;
    display: block;
}

p.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
     font-size: 40px;
    font-weight: bold;
}


p.sample {
width: 700px;
    margin: 0 auto;
     margin-top: 35px;
     margin-bottom: 40px;
text-align: justify;
 line-height: 23px;
}


.kaisha {
width: 680px;

    margin: 0 auto;
background: linear-gradient(90deg, rgba(180,232,255,1) 0%, rgba(255,255,255,1) 95%);
  padding: 10px;
 align-items: center;
　text-align:  center;
}


.nbox {
width: 15px;
background:#000000; /*背景色の指定*/
padding:10px;
margin-left: 45px;
margin-right: 15px;
}
.nbox p {
margin:0;
padding:0;
 text-align:center;
     font-size: 14px;
    font-weight: bold;
color: #ffffff;
}

p.into { 
     font-size: 13px;
margin-right: 7px;
}

p.nn {
     font-size: 16px;
    font-weight: bold; 
　text-align:  center;
margin-left: 5px;
}

.kaisha2 {
width: 660px;
    margin: 0 auto;
background: linear-gradient(90deg, rgba(225,255,255,1) 0%, rgba(255,255,255,1) 95%);
  padding: 20px;


}

.kbox {
width: 370px;
display: flex;

    margin: 0 auto;
 align-items: center;

}

p.nn2 {
    margin: 0 auto;
     font-size: 19px;
    font-weight: bold; 
}


div.triangle3{
  width: 0;
  height: 0;
margin : 0 auto;
border-style: solid;
border-width: 15px 30px 0 30px;
border-color: #7bd7ff transparent transparent transparent;
     margin-top: 15px;
     margin-bottom: 15px;  

}


#footer{
width: 950px;
height: 120px;
  position: relative; /* relativeを指定 */
  top: 60px; /* 上から10px移動 */
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#e8e8e8;
}

footer .logo{
  position: relative; /* relativeを指定 */
  left: 10px; 
float: left;
}


div.info {
  position: relative; /* relativeを指定 */
  left: 10px;
margin-top:3px;
font-size:11px;
line-height: 15px

}


ul.footnav{
  position: relative; /* relativeを指定 */
  top: -97px; /* 上から10px移動 */
float: right;
}

ul.footnav li{
float:right;
margin-center:10px;
padding:0 10px 0 10px;
font-size:12px;
line-height: 20px
}

#footer a{
color:#000000;
text-decoration: none;

}

#footer a:hover{color:#888;}



address{
width: 960px;
  position: relative; /* relativeを指定 */
  top: 40px; /* 上から10px移動 */
padding:5px;
clear:both;
overflow:hidden;
text-align:center;
font-style:normal;
font-size:11px;
color:#fff;
background:#333;
}